@charset "utf-8";
/* CSS Document */

body{margin:0; padding:0; line-height:1.3;font:normal 14px "微软雅黑","宋体",Helvetica, Arial, sans-serif;}
a img, ul, form, p{border:0;margin:0;padding:0;}
a{color:#FFF; text-decoration:none;}
a:hover{color:#000; text-decoration:none;}

.btn_white{padding:5px 10px;background-color:#FFF; color:#3981e7;border-radius:4px;box-shadow: 2px 0 5px rgba(0,0,0,.15);}
.btn_white:hover{ text-decoration:underline;box-shadow: 2px 0 5px rgba(0,0,0,.45);}

.header{float:left;width:100%;height:70px;background-color:rgba(255,255,255,0.3);display:block; position:relative;}
.logo{ position:absolute; left:10px; top:0;}
.nav{ position:absolute; right:0; top:0;}
.nav ul{}
.nav ul li{ list-style:none; float:left;}
.nav ul li a{padding:0 20px; line-height:70px;display:inline-block;font-size:18px;}
.nav ul li a:hover{ background-color:rgba(255,255,255,0.7);}
.nav_current{color:#3981e7;background:#FFF;}

.main{float:left;width:100%; min-height:400px;padding:30px 0;}
.box{width:80%;padding:80px 6% 20px 6%;margin:20px 4%;border-radius:8px;color:#FFF;display:block;text-align:center; position:relative;}
.box_green{ background: #22bf7f;}
.box_yellow{ background: rgba(203, 130, 41, 0.69);}
.box_red{ background: #d7736c;}
.box_gray{ background: rgba(72, 73, 88, 0.68);}
.box_purple{ background: #70559a;}
.box_blue{ background: #223d87;}
.box_lightblue{ background: #4bd5ff;}
.box_lightyellow{ background: #ecf05a;}
.box_lightgreen{ background: #51f064;}

.box h3{font-size:30px; font-weight:normal;margin:8px 0;}
.box p{margin:10px 0;padding:10px;background-color:rgba(255,255,255,0.2);border-radius:6px;}
.box a{ text-decoration:underline;}
.box a:hover{color:#000;}
.box_icon{ position:absolute; top:20px;left:50%;margin-left:-24px;}

.footer{float:left;width:100%; display:inline;border-top:1px solid #75a7ee;padding-top:20px;}
.footer_txt{color:#bccfeb}
.footer_btn{}

.container{margin:0 auto; width:1300px;}
small{font-size:small;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{float:left;}
.col-1{width:8.333%}
.col-2{width:16.666%}
.col-3{width:25%}
.col-4{width:33.333%}
.col-5{width:41.666%}
.col-6{width:50%;opacity: 0.8;}
.col-7{width:58.333%}
.col-8{width:66.666%}
.col-9{width:75%}
.col-10{width:83.333%}
.col-11{width:91.666%}
.col-12{width:100%}